Code Craftsman & Content Maverick.

I’m a passionate software developer, technology enthusiast and content creator. I’ve had the privilege to work for Fortune 500 companies and startups all around the world. Moreover, I’ve taught coding to over 170,000+ students online. I’ve now retired from indie game development, one of my most famous games was Pixfill which garnered over 250,000+ downloads worldwide.

Contact Me
Schedule Consultation Call

Youtube


💼 Book a meeting: https://cutt.ly/Ke2x7QQ3 💎 Ultimate Flutter UI Kit: https://cutt.ly/3w6tqwFA In this video we will take a look at implementing shimmer loading animation within our Flutter application. We will create a Flutter application that will integrate with the redacted package to programmatically create stunning skeleton loading animations for widgets. We will discuss how to setup the redacted package, create redacted animations for widgets, and trigger loading animations. Furthermore, we will discuss all of the best practices when it comes to working with shimmer/skeleton based loading animations in Flutter application. This is an excellent guide for beginner Flutter developers, or anyone looking to learn about implementing loading animations within their Flutter application & create beautiful Flutter apps. Resources: Source Code: https://cutt.ly/Oe03eQJu redacted: https://pub.dev/packages/redacted Socials: Website: https://hussainmustafa.com Github: https://github.com/hussain-mustafa990 LinkedIn: https://www.linkedin.com/in/hussain-mustafa-960920184/ Twitter: https://twitter.com/Hussain34274892 Buy Me A Coffee: https://www.buymeacoffee.com/hussainmustafa #flutter #learnflutter #flutterdevelopment #fluttertutorialforbeginners

Flutter Shimmer Animation Tutorial | Skeleton Loading Animations For Widgets




💼 Book a meeting: https://cutt.ly/Ke2x7QQ3 💎 Ultimate Flutter UI Kit: https://cutt.ly/3w6tqwFA In this video we will take a look at creating an working with Isar database within our Flutter application. We will create a Flutter To-Do list application that will integrate with the Isar DB package. We will discuss how to setup the Isar database, setup schemas/collections, save & read data from the database, and display it to the user. Furthermore, we will discuss all of the best practices when it comes to working with ISAR DB within our Flutter application. This is an excellent guide for beginner Flutter developers, or anyone looking to learn about implementing Isar db within their Flutter application & create powerful feature-rich Flutter apps. Resources: Source Code: https://cutt.ly/Oe03eQJu isar: https://pub.dev/packages/isar path_provider: https://pub.dev/packages/path_provider Isar Quickstart: https://isar.dev/tutorials/quickstart.html Socials: Website: https://hussainmustafa.com Github: https://github.com/hussain-mustafa990 LinkedIn: https://www.linkedin.com/in/hussain-mustafa-960920184/ Twitter: https://twitter.com/Hussain34274892 Buy Me A Coffee: https://www.buymeacoffee.com/hussainmustafa #flutter #learnflutter #flutterdevelopment #fluttertutorialforbeginners

Flutter Isar Database Tutorial | Isar DB CRUD Guide




💼 Book a meeting: https://cutt.ly/Ke2x7QQ3 💎 Ultimate Flutter UI Kit: https://cutt.ly/3w6tqwFA In this video we will take a look at creating an Anthropic Claude powered Flutter AI Chat application. We will create a Flutter application that will integrate with the Anthropic SDK & API, and provide us with a chat interface to interact with Claude AI model. We will discuss how to setup the antropic dart sdk, obtain an API key from Anthropic, create a chat interface using dash chat, and then chat with the Claude LLM model using Anthropics API and display these responses to the user. Furthermore, we will discuss all of the best practices when it comes to working with Anthropic/Claude LLM/API within our Flutter application. This is an excellent guide for beginner Flutter developers, or anyone looking to learn about implementing LLM or AI chat functionality within their Flutter application using Anthropics API or Claude model. Resources: Source Code: https://cutt.ly/Oe03eQJu anthropic_sdk_dart: https://pub.dev/packages/anthropic_sdk_dart#authentication flutter_dotenv: https://pub.dev/packages/flutter_dotenv dash_chat_2: https://pub.dev/packages/dash_chat_2 Anthropic console: https://console.anthropic.com/ Anthropic models doc: https://docs.anthropic.com/en/docs/about-claude/models Anthropic pricing doc: https://www.anthropic.com/pricing#anthropic-api Socials: Website: https://hussainmustafa.com Github: https://github.com/hussain-mustafa990 LinkedIn: https://www.linkedin.com/in/hussain-mustafa-960920184/ Twitter: https://twitter.com/Hussain34274892 Buy Me A Coffee: https://www.buymeacoffee.com/hussainmustafa #flutter #learnflutter #flutterdevelopment #fluttertutorialforbeginners

Flutter Anthropic AI Chat Tutorial | Flutter Claude API Guide




💼 Book a meeting: https://cutt.ly/Ke2x7QQ3 💎 Ultimate Flutter UI Kit: https://cutt.ly/3w6tqwFA In this video we will take a look at creating Line Charts / Graphs within our Flutter application. We will create a Flutter application that will display multiple line charts to a user using the FL Charts package. We will discuss how to setup the FLCharts package, create a LineChart widget, display data on the line graph, customize the design of the line chart, and create a reusable chart component so that we can use it where ever we like in our application. Furthermore, we will discuss all of the best practices when it comes to working with charts/graphs within Flutter and integrating the fl_chart package. This is an excellent guide for beginner Flutter developers, or anyone looking to learn about implementing line charts using fl_charts within their Flutter application. Resources: Source Code: https://cutt.ly/Oe03eQJu fl_chart: https://pub.dev/packages/fl_chart Socials: Website: https://hussainmustafa.com Github: https://github.com/hussain-mustafa990 LinkedIn: https://www.linkedin.com/in/hussain-mustafa-960920184/ Twitter: https://twitter.com/Hussain34274892 Buy Me A Coffee: https://www.buymeacoffee.com/hussainmustafa #flutter #learnflutter #flutterdevelopment #fluttertutorialforbeginners

Flutter Line Chart Tutorial – FLChart Line Graph Guide




💼 Book a meeting: https://cutt.ly/Ke2x7QQ3 💎 Ultimate Flutter UI Kit: https://cutt.ly/3w6tqwFA In this video we will take a look at integrating Mapbox maps within our Flutter application. We will create a Flutter application that will help us implement maps within our application using Mapbox SDK and Flutter. We will discuss how to setup the Mapbox SDK, attain the necessary API Keys, create the required map widget, show the users current location on map, manipulate the map camera to follow the user and show custom markers/annotations on the map. Furthermore, we will discuss all of the best practices when it comes to working with Mapbx within Flutter and integrating the mapbox_maps_flutter package. This is an excellent guide for beginner Flutter developers, or anyone looking to learn about implementing maps using MapBox within their Flutter application. Resources: Source Code: https://cutt.ly/Oe03eQJu Mapbox: https://www.mapbox.com/ Mapbox Console: https://console.mapbox.com/ Mapbox Docs: https://docs.mapbox.com/flutter/maps/guides/install/ mapbox_maps_flutter: https://pub.dev/packages/mapbox_maps_flutter geolocator: https://pub.dev/packages/geolocator flutter_dotenv: https://pub.dev/packages/flutter_dotenv Socials: Website: https://hussainmustafa.com Github: https://github.com/hussain-mustafa990 LinkedIn: https://www.linkedin.com/in/hussain-mustafa-960920184/ Twitter: https://twitter.com/Hussain34274892 Buy Me A Coffee: https://www.buymeacoffee.com/hussainmustafa #flutter #learnflutter #flutterdevelopment #fluttertutorialforbeginners

Flutter Mapbox Tutorial | Mapbox Navigation & Integration Guide




💼 Book a meeting: https://cutt.ly/Ke2x7QQ3 💎 Ultimate Flutter UI Kit: https://cutt.ly/3w6tqwFA In this video we will take a look at integrating Stripe payments within our Flutter application. We will create a Flutter application that will help us implement in-app payments within our application using Stripe payment processor and Flutter. We will discuss how to setup the Flutter Stripe SDK, attain the necessary API Keys, create the required Payment Intent and then show the appropriate payment form to process the payment. Furthermore, we will discuss all of the best practices when it comes to working with Stripe payments within Flutter and integrating the flutter_stripe package. This is an excellent guide for beginner Flutter developers, or anyone looking to learn about implementing payments using Stripe within their Flutter application. Resources: Source Code: https://cutt.ly/Oe03eQJu Stripe: https://stripe.com/ Stripe Create Payment Intent: https://docs.stripe.com/api/payment_intents/create?lang=curl Flutter Stripe: https://pub.dev/packages/flutter_stripe Dio: https://pub.dev/packages/dio Socials: Website: https://hussainmustafa.com Github: https://github.com/hussain-mustafa990 LinkedIn: https://www.linkedin.com/in/hussain-mustafa-960920184/ Twitter: https://twitter.com/Hussain34274892 Buy Me A Coffee: https://www.buymeacoffee.com/hussainmustafa #flutter #learnflutter #flutterdevelopment #fluttertutorialforbeginners

Flutter Stripe Payments Tutorial | Accept Payments Within Flutter Application




Load More…




Subscribe

Github

Testimonials

Working with Hussain has been a game-changer for our project. His attention to detail, deep expertise in Flutter, and dedication to building high-quality mobile apps truly set him apart. Highly recommended for anyone looking to bring their app idea to life!

Paul Ransfield

★★★★★

I stumbled across Hussain’s YouTube channel while struggling with Riverpod—and it changed everything. His tutorials are professional, beginner-friendly, and packed with real-world examples.

Sana R.

★★★★★

Blog

Latest Blog Posts